<template>
  <view class="popup-area">
    <view class="content">
      <view class="num-info">
        将要卖出
        <u-input class="input" :clearable="false" type="number" input-align="center" v-model="sellNum" />
        只
      </view>
      {{ info.name }}({{ info.code }})
      <view class="text"> 是否继续？ </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    info: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  data() {
    return {
      sellNum: 1
    };
  }
};
</script>

<style lang="scss" scoped>
.popup-area {
  padding: 50rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.num-info {
  display: flex;
  align-items: center;
  .input {
    width: 150rpx;
    border-bottom: 1rpx solid #e3e3e3;
  }
}
.text {
  margin-top: 20rpx;
}
</style>